<style lang='scss' type='stylesheet/scss' scoped>
.as-input {
  margin-bottom: 10px;
}
</style>
<template>
  <div>
    <as-h2>size</as-h2>
    <as-card :text="text"
            title="size 可以设置单选框的大小，可选参数有 default 正常 / small 小 / mini 迷你，默认为 default">
      <as-radio v-model="favourite" label="sports">运动</as-radio>
      <as-radio v-model="favourite" size="small" label="fruit">水果</as-radio>
      <as-radio v-model="favourite" size="mini" label="vegetable">蔬菜</as-radio>
    </as-card>
  </div>
</template>

<script type="text/ecmascript-6">
import { mapGetters } from "vuex";
export default {
  name: "",
  computed: {
    ...mapGetters(["isMobile"])
  },
  data() {
    return {
      favourite: "fruit",
      text: `<template>
   <div>
     <as-radio v-model="favourite" label="sports">运动</as-radio>
     <as-radio v-model="favourite" size="small" label="fruit">水果</as-radio>
     <as-radio v-model="favourite" size="mini" label="vegetable">蔬菜</as-radio>
   </div>
 </template>
 <script>
 export default {
   data(){
     return {
       favourite: "fruit"
     }
   }
 }
 <\/script>`
    };
  },
  methods: {}
};
</script>
